<template>
	<div class="account_div">
		<div class="header_div">
			<p class="btn_back" @click="btn_back">返回</p>
			系统消息
		</div>
		<ul>
		    <li class="systemMsg_li">
		    	<p class="systemMsg_title">尊敬的用户：恭喜您，注册成功！</p>
		    	<p class="systemMsg_content">注册成功！</p>
		    	<p class="systemMsg_date">2017-09-12</p>
		    </li>
		    <li class="systemMsg_li">
		    	<p class="systemMsg_title">尊敬的用户：恭喜您，注册成功！</p>
		    	<p class="systemMsg_content">注册成功！</p>
		    	<p class="systemMsg_date">2017-09-12</p>
		    </li>
		   
		</ul>
	</div>
</template>
<script>
	
	export default{
		name:'System',
		data(){
			return {
				
				
			}
		},

		components:{
            
        },
        methods:{
        	btn_back:function(){
				this.$router.go(-1);
			},
			
        },
        created() {  
			
	    },  
        mounted:function(){

        }
	}
</script>
<style rel="stylesheet" lang="scss" scoped>
	.account_div{
		.header_div{
			background-color: #FFF;
	    	color: #000;
		}
		.systemMsg_li{
			height: 2.2667rem;
			margin: 0.2667rem 0.2667rem 0;
			background-color: #FFF;
			box-sizing: border-box;
			padding: 0.2667rem 0  0.2667rem 0.6667rem;
			.systemMsg_title{
				height: 0.5333rem;
				line-height: 0.5333rem;
				font-family: PingFangSC-Regular;
				font-size: 0.3733rem;
				color: #333333;
				letter-spacing: 0.53px;
				position: relative;
			}
			.systemMsg_title:before{
				content: '';
				position: absolute;
				width: 0.1333rem;
				height: 0.1333rem;
				left: -0.4rem;
				top: 0.2rem;
				background: #FFA63A;
				border-radius: 100px;
			}
			.systemMsg_content, .systemMsg_date{
				height: 0.5867rem;
				line-height: 0.5867rem;
				font-size: 0.32rem;
				color: #989898;
			}
		}
		
	}
</style>